<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<p:dialog header="#{messages['createGrupoDialog.HEADER']}"
		widgetVar="createGrupoDialog" resizable="false" id="createGrupoDialog"
		showEffect="fade" hideEffect="explode" modal="true">

		<h:panelGrid id="createGrupo" columns="6" cellpadding="4"
			style="margin:0 auto;">

			<h:outputLabel value="#{messages['grupo.NOMBRE_GRUPO']}" />
			<p:inputText id="nombreGrupo" value="#{grupoBean.grupoNuevo.nombre}" />

			<h:outputLabel value="#{messages['grupo.GENERO_GRUPO']}*" />
			<h:selectOneMenu id="genero" value="#{grupoBean.grupoNuevo.genero}"
				label="#{messages['grupo.GENERO_GRUPO']}">
				<f:selectItem itemLabel="#{messages['jugador.SELECT_GENERO']}"
					itemValue="" />
				<f:selectItems value="#{datosComunesBean.selectItemGeneros}" />
			</h:selectOneMenu>

			<h:outputLabel value="#{messages['grupo.N_MAX_JUGADORES']}" />
			<p:inputText id="numMaxJugadores" size="5"
				value="#{grupoBean.grupoNuevo.numMaxJugadores}" />
		</h:panelGrid>
		<h:panelGroup layout="block" id="botononeraNuevoGrupo"
			styleClass="botononeraNuevoGrupo">
			<td><p:commandButton id="addGrupo" ajax="true"
					value="#{messages['general.ACEPTAR']}"
					onclick="createGrupoDialog.hide()"
					actionListener="#{grupoBean.addGrupo}" /></td>
			<td><p:commandButton id="cancelarGrupo"
					value="#{messages['general.CANCELAR']}"
					onclick="createGrupoDialog.hide()"
					ajax="true" /></td>
		</h:panelGroup>
	</p:dialog>
</ui:composition>